body,html {
	background: #fff;
}

.wrap {
	width: 100%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}

#MusicControl {
	display: block;
	position: absolute;
	z-index: 1000;
	top: 8px;
	right: 8px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(../images/nomusic.png) center center no-repeat;
	background-size: 20px 19px;
}

#MusicControl.on {
	background: url(../images/music.png) center center no-repeat;
	background-size: 20px 19px;
}

#header {
	background: #1C2628;
	height: 40px;
	position: relative
}

#header ul li {
	float: left;
	height: 40px;
	width: 80px;
	text-align: center;
	background: url(../images/bg.png) -310px -303px no-repeat;
}

#header ul li a {
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	margin-top: 10px;
	cursor: pointer;
}

#header ul li.first {
	background: none;
}

#header ul li.home a {
	background: url(../images/nav_home.png) center top no-repeat;
	background-size: 100%;
}

#header ul li.back a {
	background: url(../images/nav_back.png) center top no-repeat;
	background-size: 100%;
}

#header ul li.tel a {
	background: url(../images/nav_tel.png) center top no-repeat;
	background-size: 100%;
}

#header ul li.lbs a {
	background: url(../images/nav_lbs.png) center top no-repeat;
	background-size: 100%;
}

#header ul li.music a {
	background: url(../images/nav_notalk.png) center center no-repeat;
	background-size: 100%;
}

#header ul li.music a.on {
	background: url(../images/nav_talk.png) center center no-repeat;
	background-size: 100%;
}

#header ul li.search a {
	background: url(../images/icon_search.png) center center no-repeat;
	background-size: 100%;
}

#header_menu {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	background: #1C2628;
	height: 40px;
}

#search {
	padding-left: 30px;
}

#search .lbar {
	float: left;
	position: absolute;
	left: 10px;
	top: 12px
}

#search .rbar {
	float: right;
	width: 96%;
	height: 30px;
	background: #000000;
	overflow: hidden;
	margin-top: 4px;
	margin-right: 5px;
	padding-right: 20px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px
}

#search .lbar a {
	background: url(../images/close_icon.png) no-repeat;
	background-size: 15px 15px;
	display: inline-block;
	width: 15px;
	height: 15px
}

#search .rbar .format_input {
	height: 100%;
	border: 0px;
	background: none;
	width: 98%;
	padding: 0 3px;
	color: #FFF;
	height: 30px
}

#search .rbar .btn {
	background: url(../images/enter_icon.png) no-repeat;
	border: 0px;
	background-size: 16px 15px;
	width: 20px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 10px
}

#column a {
	text-decoration: none;
}

#column .contents {
	padding: 8px;
	overflow: hidden;
	word-wrap: break-word;
	font-size: 16px;
	line-height: 180%;
}

#column .contents img {
	vertical-align: top;
}

#column .share {
	text-align: center;
	padding: 8px 0;
}

#column .share span {
	border: 0;
	color: #333333;
	text-align: center;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	width: 35%;
	padding-left: 10%;
	margin: 0 4px;
	font-size: 14px;
	border: 1px solid #e6e6e6
}

#column .share span.friend {
	background: url(../images/share_friend.png) 18% 8px no-repeat #fff;
	background-size: 20px auto
}

#column .share span.quan {
	background: url(../images/share_quan.png) 15% center no-repeat #fff;
	background-size: 20px auto
}

#column #backtotop {
	width: 94%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #fff;
	background: #8c8b8b;
	margin: 0 auto 10px auto;
}

#column .list-type-0 .item {
	border-bottom: 1px solid #ddd;
	padding: 7px 0;
	height: 75px;
	overflow: hidden;
	background: url(../images/bg.png) 0 -115px repeat-x;
	position: relative;
}

#column .list-type-0 .item .img {
	width: 105px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 7px;
}

#column .list-type-0 .item .img img {
	width: 100%;
	min-height: 100%;
}

#column .list-type-0 .item .info {
	overflow: hidden;
	position: absolute;
	left: 112px;
	top: 7px;
	margin-left: 7px;
	margin-right: 30px;
}

#column .list-type-0 .item .info h1 {
	min-height: 16px;
	line-height: 16px;
	margin-bottom: 3px;
	font-weight: bold;
	color: #9d9286;
}

#column .list-type-0 .item .info h2 {
	height: 55px;
	line-height: 150%;
	overflow: hidden;
	color: #888;
	font-size: 12px;
}

#column .list-type-0 .item .detail {
	width: 30px;
	float: right;
	overflow: hidden;
	padding-top: 30px;
}

#column .list-type-0 .item .detail span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/list_icon.png)  no-repeat;
	background-size: 20px
}

#column .list-type-1 {
	width: 100%;
	box-sizing: border-box;
	padding: 7px 1px;
	padding-bottom: 0;
}

#column .list-type-1 .list {
	width: 99%;
	margin: 0 auto;
}

#column .list-type-1 .item {
	float: left;
	width: 50%;
	overflow: hidden;
}

#column .list-type-1 .item div {
	background: #fff;
	margin: 0 4px;
	margin-bottom: 7px;
}

#column .list-type-1 .item ul {
	width: 94%;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 4px;
}

#column .list-type-1 .item ul .img {
	height: 100px;
	overflow: hidden;
}

#column .list-type-1 .item ul .img img {
	width: 100%;
	min-height: 100%;
}

#column .list-type-1 .item ul .title {
	height: 26px;
	line-height: 26px;
	text-align: center;
	overflow: hidden;
	color: #9d9286;
}

#column .list-type-2 .item {
	border-bottom: 1px solid #ddd;
	padding: 7px 0;
	height: 55px;
	overflow: hidden;
	background: url(../images/bg.png) 0 -115px repeat-x;
	position: relative;
}

#column .list-type-2 .item .info {
	overflow: hidden;
	position: absolute;
	top: 7px;
	margin-left: 7px;
	margin-right: 30px;
}

#column .list-type-2 .item .info h1 {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-weight: bold;
	color: #9d9286;
}

#column .list-type-2 .item .info h2 {
	height: 35px;
	line-height: 150%;
	overflow: hidden;
	color: #888;
	font-size: 12px;
}

#column .list-type-2 .item .detail {
	width: 30px;
	float: right;
	overflow: hidden;
	padding-top: 20px;
}

#column .list-type-2 .item .detail span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/bg.png) -88px -92px no-repeat;
}

#column .list-type-3 .item {
	position: relative;
	z-index: 1;
	width: 100%;
	border-bottom: 1px solid #494949;
}

#column .list-type-3 .item img {
	width: 100%;
	vertical-align: middle;
}

#column .list-type-3 .item .title {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 35px;
	line-height: 35px;
	padding: 0 5px;
	background: url(../images/black_bg.png);
	z-index: 2;
	color: #fff;
	width: 130px;
	overflow: hidden;
}

#column .list-type-3 .item .title span {
	background: url(../images/icon_arrow.png) right center no-repeat;
	display: block;
	width: 95%;
	height: 100%;
	text-align: center
}

#column .list-type-4 {
	background: #fff;
}

#column .list-type-4 .item {
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #EBEBEB;
	position: relative;
}

#column .list-type-4 .item .img_bar {
	width: 148px;
	background: url(../images/img_bg.png) no-repeat right bottom;
	background-size: auto 68px;
	position: absolute;
	z-index: 2;
	left: 8px;
	top: 8px;
}

#column .list-type-4 .item .img_bar div {
	width: 130px;
	height: 93px;
	border: 2px solid #e2e2e2;
	padding: 1px;
	background: #fff;
}

#column .list-type-4 .item .img_bar img {
	width: 100%;
	vertical-align: middle;
	height: 100%;
}

#column .list-type-4 .item .info_bar {
	width: 98%;
	position: relative;
	z-index: 1;
	min-height: 93px;
	padding-left: 164px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#column .list-type-4 .item .info_bar h1 {
	font-weight: bold;
	color: #9d9286;
	padding-bottom: 5px;
}

#column .list-type-4 .item .intro {
	line-height: 18px;
	color: #a4a6a9;
	font-size: 12px;
}

#column .list-type-4 .spe .info_bar {
	padding-left: 8px;
	padding-right: 156px;
}

#column .list-type-4 .spe .img_bar {
	left: auto;
	right: 8px;
}

#column .list-type-4 .btm {
	width: 100%;
}

#column .list-type-4 .btm img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

#column .list-type-5 .item {
	width: 100%;
	padding: 8px 0;
	background: #f7f7f5;
	border-bottom: 1px solid #E1E1E1;
	position: relative
}

#column .list-type-5 .bg {
	background: #fefefe;
}

#column .list-type-5 .item .lbar {
	width: 105px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 8px;
}

#column .list-type-5 .item .lbar img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

#column .list-type-5 .item .rbar {
	width: 98%;
	padding-left: 125px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	z-index: 1;
	min-height: 75px;
}

#column .list-type-5 .item .rbar h1 {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 3px;
	color: #9d9286;
	font-weight: bold;
}

#column .list-type-5 .item .rbar .intro {
	text-overflow: ellipsis;
	width: 100%;
	height: 54px;
	line-height: 18px;
	overflow: hidden;
	color: #a4a6a9;
	font-size: 12px;
}

#column #turn_page {
	padding: 9px 0 6px 0;
}

@media all and (min-width:360px) {
	#column .list-type-1 .item ul .img {
		height: 113px;
	}/*((360-2)×0.99×0.5-4*2)×0.94÷1.4*/
	/*#column .list-type-4 .item .img_bar{width:159px}
	#column .list-type-4 .item .img_bar div{width:140px; height:100px;}*/
}

@media all and (min-width:420px) {
	#column .list-type-1 .item ul .img {
		height: 133px;
	}
	/*#column .list-type-4 .item .img_bar{width:189px; background-size:auto 78px;}
	#column .list-type-4 .item .img_bar div{width:170px; height:122px;}*/
}

@media all and (min-width:480px) {
	#column .list-type-1 .item ul .img {
		height: 153px;
	}
	/*#column .list-type-4 .item .img_bar{width:210px; background-size:auto 78px;}
	#column .list-type-4 .item .img_bar div{width:190px; height:136px;}*/
}

#lbs {
	background: #eee;
}

#lbs a.gps {
	display: block;
	width: 305px;
	height: 51px;
	margin: 10px auto;
	overflow: hidden;
}

#lbs .shop_img {
	text-align: center;
}

#lbs .shop_img img {
	width: 100%;
}

#lbs .item {
	margin: 10px auto;
	width: 95%;
	padding: 5px 0;
	clear: both;
	border: 1px solid #C3C3C3;
	border-radius: 8px;
	background: #F9F9F9;
	position: relative;
}

#lbs .item .name {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#lbs .item .tel_ico {
	width: 16px;
	height: 17px;
	background: url(../images/bg.png) -304px -280px no-repeat;
	position: absolute;
	left: 5px;
	top: 6px;
}

#lbs .item .item_name {
	font-weight: bold;
	font-size: 16px;
	width: 45px;
	padding-left: 8px;
	height: 17px;
	line-height: 17px;
	position: absolute;
	left: 19px;
	top: 6px;
}

#lbs .item .tel_number {
	width: auto;
	padding-left: 72px;
	padding-right: 5px;
	min-height: 17px;
}

#lbs .item .tel_number a {
	font-size: 16px;
}

#lbs .item .address_ico {
	width: 16px;
	height: 17px;
	background: url(../images/bg.png) -304px -248px no-repeat;
	position: absolute;
	left: 5px;
	top: 6px;
}

#lbs .item .address {
	width: auto;
	padding-left: 72px;
	padding-right: 5px;
}

#lbs .item .description {
	line-height: 150%;
	padding: 0 8px;
}

#lbs #map {
	width: 100%;
	min-height: 250px;
}

#footer_points {
	height: 42px;
	clear: both;
}

#footer {
	width: 100%;
	margin: 0 auto;
	background: url(../images/bg.png) 0 0 repeat-x;
	height: 42px;
	position: fixed;
	z-index: 1000;
	bottom: 0;
}

#footer a {
	text-decoration: none;
	color: #333;
}

#footer a.cur {
	color: #ff6600;
}

#footer ul {
	margin-top: 0px;
	border-top: 1px solid #C4C4C4;
}

#footer ul li {
	position: relative;
	float: left;
	height: 41px;
	line-height: 41px;
	width: 80px;
	text-align: center;
	background: url(../images/bg.png) -312px -55px no-repeat;
}

#footer ul li.first {
	background: none;
}

#footer ul li img {
	padding-right: 2px;
}

#footer ul li div, #footer ul li a {
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	cursor: pointer;
	display: block;
}

#footer ul li div.cur {
	color: #ff6600;
}

#footer ul dl {
	box-shadow: 0 0 8px #333;
	bottom: 42px;
	position: absolute;
	width: 100%;
	display: none;
	background: #E6E6E6;
	padding-bottom: 4px;
}

#footer ul dl dd {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/column_bg.png) center bottom no-repeat;
	padding: 0 5px;
}

#footer ul dl dd.first {
	background: none;
}

#sub_banner {
	width: 100%;
	height: 160px;
	overflow: hidden;
	display: none
}

#sub_banner * {
	height: 100%;
	width: 100%;
}

@media all and (min-width:360px) {
	#sub_banner {
		height: 180px;
	}
}

@media all and (min-width:420px) {
	#sub_banner {
		height: 210px;
	}
}

@media all and (min-width:480px) {
	#sub_banner {
		height: 240px;
	}
}

@media all and (min-width:560px) {
	#sub_banner {
		height: 280px;
	}
}

@media all and (min-width:640px) {
	#sub_banner {
		height: 320px;
	}
}

#PagesShow_blank {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #000;
	z-index: 999999;
}

#PagesShow {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000000;
	overflow: hidden;
	display: none
}

#PagesShow img {
	width: 100%;
	height: auto
}

#products .bg {
	background: #F9F9F9
}

#products .items {
	padding: 5px;
	border-bottom: 1px dotted #c03701;
	position: relative;
	padding-left: 110px;
	min-height: 100px
}

#products .items .img {
	width: 90px;
	height: 90px;
	position: absolute;
	left: 10px;
	top: 10px
}

#products .items .img img {
	width: 100%;
	height: 100%
}

#products .items .name {
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0
}

#products .items .brief {
	font-size: 12px;
	line-height: 20px
}

.warning {
	width: 100%;
	padding: 180px 0 60px 0;
	background: url(../images/warning_icon.png) center 20px no-repeat;
	background-size: 140px;
	text-align: center
}

.warning span {
	color: #F00;
	font-weight: bold
}